<template>
	<router-view v-slot="{ Component }">
		<transition name="fade" mode="out-in" appear>
			<component :is="Component" />

		</transition>
	</router-view>
	<MyFooter v-if="$route.name != 'Login' && $route.name !=  'Register'&& $route.name !=  'NewLogin'"/>
	<Loading/>
</template>

<script setup>
	import MyFooter from '@/view/footer.vue';
	import Loading from '@/utils/loading/loading.vue';/*  */
</script>


<style>
	.fade-leave-active,
	.fade-enter-active {
		transition: all 0.2s;
	}

	.fade-leave-to {
		opacity: 0;
		transform: translateX(-30px)
	}

	.fade-enter-from {
		opacity: 0;
		transform: translateX(0px)
	}
</style>